/*底部*/
      .footer{ width: 100%; max-width:1200px; margin: 0 auto; margin-top: 100px; margin-bottom: 200px; position: relative;}
      .footer ul{ float: left;margin-right: 70px;}
      .footer ul h3{ font-size: 18px; font-weight: bolder; color: #4c4c4c;margin-bottom: 40px;}
      .footer ul li a{ font-size: 14px; color: #4c4c4c;line-height: 36px;}
      .footer-right{ width: 500px; position: absolute; right: 0; top: -30px;}
      .footer-logo{ float:left;}
      .footer-logo img{ display: block; margin: 0; width:200px;}
      .footer-logo h3{ font-size: 16px; padding-top: 26px;}
      .footer-qrcode{ width:94px; float:right;}
      .footer-qrcode img{margin-bottom: -20px;}
      .footer-qrcode h3{ font-size: 16px; text-align:center;}
      .footer-right h4{ font-size: 14px; float: right; padding-top: 26px;}
      .footer-right span{display: block; width: 180px; height: 30px; line-height: 30px; text-align: center;color: white; background: #64b0d4;font-size: 16px;
          font-weight: bolder;margin-top: 30px;}
      .footer-right a{display: block; color: #4C4C4C; font-size: 16px; height:50px; line-height: 50px; border-bottom: #64b0d4 1px solid; padding-left: 24px;}

      /*版权*/
      .copyright{ width: 100%; max-width: 100%; height: 32px; background: #64b0d4; color: #FFFFFF; font-size: 12px; text-align: center; line-height: 32px;}
      .copyright a{ color: #FFFFFF; font-size: 12px; text-align: center;}

      @media screen and (max-width : 1366px ) {
          .footer ul{ margin-right: 30px;}
      }
      @media screen and (max-width : 1024px ) {
          .footer {
              width: 100%;
              max-width: 1200px;
          }

          .footer ul {
              float: left;
              margin-right: 70px;
          }

          .footer ul h3 {
              font-size: 18px;
              font-weight: bolder;
              color: #4c4c4c;
              margin-bottom: 40px;
          }

          .footer ul li a {
              font-size: 14px;
              color: #4c4c4c;
              line-height: 36px;
          }

          .footer ul {
              display: none;
          }

          .footer {
              width: 100%;
          }

          .footer-right {
              width: 96%;
              position: static;
              right: 0;
              top: 0px;
              margin: 0 auto;
          }

          .footer-right a {
              font-size: 14px;
          }
      }

      @media screen and (max-width: 480px){
          .footer-right img{ width:160px;}
          .footer-right h3{ font-size: 14px;}
          .footer ul{ display: none;}
          .footer{ width: 100%; margin-bottom:70px;}
          .footer-right{ width: 92%; position: static; right: 0; top: 0px; margin: 0 auto;}
          .footer-right a{ font-size: 14px;}
      }